<div class="container">
    <div style="width:30%; margin-left: auto; margin-right: auto;">
        <form class="form-signin" role="form">
            <h2 class="form-signin-heading">Please sign in</h2>
            <label for="inputEmail" class="sr-only">Email address</label>
            <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus ng-model="lc.username">
            <label for="inputPassword" class="sr-only">Password</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="Password" required ng-model="lc.password">

            <button class="btn btn-lg btn-primary btn-block" type="submit" ng-click="lc.login()">Sign in</button>
            <button class="btn btn-lg btn-primary btn-block" type="button" ng-click="lc.register()">Register</button>
        </form>
    </div>
</div>

<script type="text/ng-template" id="register">
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="registerLabel">Register</h4>
                </div>
                <div class="modal-body">
                    <form role="form">
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="username">Email</label>
                                <input type="text" placeholder="Email address" ng-model="ruc.user.username" class="form-control" id="username">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="password">Password</label>
                                <input type="password" ng-model="ruc.user.password" class="form-control" id="password">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label for="first_name">First Name</label>
                                <input type="text" ng-model="ruc.user.first_name" class="form-control" id="first_name">
                            </div>
                            <div class="form-group col-md-6">
                                <label for="last_name">Last Name</label>
                                <input type="text" ng-model="ruc.user.last_name" class="form-control" id="last_name">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" data-dismiss="modal" ng-click="ruc.close('none')">
                        <span class="fa fa-close"> Cancel</span>
                    </button>
                    <button type="button" class="btn btn-success" data-dismiss="modal" ng-click="ruc.close('add')">
                        <span class="fa fa-check"> Register</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</script>